@use "@/assets/styles/mixin";
@use "@/assets/styles/global";
.project-payment{
  @include mixin.flex-column;
  height: 100%;

  .table-container{
    @extend .container-style;
    @include mixin.flex-column;
    position: relative;
    flex:1;
    overflow-y: hidden;
    &__table{
      @include mixin.flex-column;
      flex: 1;
      overflow-y: auto;
      padding:26px 20px 20px;
      .table-option{
        @include mixin.flex-between;
        flex-wrap: wrap;
        padding: 16px 20px;
        box-sizing: border-box;
        border:1px solid #E1E6ED;
        border-bottom: 0;
        &__buttons{
          @include mixin.flex-align;
          flex-wrap: nowrap;
          :deep(.el-button){
            border-color: #007DFF;
            .export-icon{
              display: none;
            }
            .export-icon--active{
              display: block;
            }
            &:hover{
              .export-icon{
                display: block;
              }
              .export-icon--active{
                display: none;
              }
            }
          }
        }
      }
      :deep(.el-table){
        flex: 1;
        overflow-y: auto;
        width: 100%;
        .cell{
          @include mixin.flex-align;
        }
      }
    }
  }

}


:deep(.el-empty){
  @include mixin.position-center;
}



